.book-header {
    font-family: @font-family-sans;

    overflow: visible;
    height: @header-height;
    padding: 0px 8px;
    z-index: 2;

    font-size: 0.85em;
    color: @header-color;
    background: @header-background;

    .btn {
        display: block;
        height: @header-height;
        padding: 0px 15px;
        border-bottom: none;
        color: @header-button-color;
        text-transform: uppercase;
        line-height: @header-height;
        .box-shadow(none) !important;
        position:relative;
        font-size: @font-size-base;

        &:hover {
            position: relative;
            text-decoration: none;
            color: @header-button-hover-color;
            background: @header-button-hover-background;
        }

        &:focus {
            outline: none;
        }
    }

    h1 {
        margin: 0px;
        font-size: 20px;
        font-weight: 200;
        text-align: center;
        line-height: @header-height;
        opacity: 0;
        .transition(opacity ease 0.4s);

        padding-left: 200px;
        padding-right: 200px;
        .transition(opacity 0.2s ease);

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        a, a:hover {
            color: inherit;
            text-decoration: none;
        }

        @media (max-width: 1000px) {
            display: none;
        }

        i {
            display: none;
        }
    }

    &:hover {
        h1 {
            opacity: 1;
        }
    }
}

.book {
    &.is-loading {
        .book-header h1 {
            i {
                display: inline-block;
            }
            a {
                display: none;
            }
        }
    }
}
